<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

<script>
// 英文：
  // type - 种类/类型
  // TS - TypeScript  - JavaScript

// 案例：

// 页面若为了表示红绿灯：
// 假设页面要显示三种灯： '红灯亮了'、'绿灯亮了'、'黄灯亮了'

// 假设，这三种状态是由  后端(即服务) 发送数据告诉前端，亮什么灯。
// 由 type 接收 后台返回的数据：

var type = 1; // 前后端约定， 0 - 红灯亮了， 1 - 绿灯亮了， 2 - 黄灯亮了
    // 思考：前后端这样约定的好处是什么？

switch (type) {
  case 0:
    document.write('红灯亮了');
    break;
  case 1:
    document.write('绿灯亮了');
    break;
  case 2:
    document.write('黄灯亮了');
    break;
  default:
    document.write('返回的数据有误');
}

</script>